<div style="padding: 10px;">
    <?php $this->widget('BackendPager', array('pages' => $pages)); ?>
</div>
<div class="clearfix" style="background-color: #fff;">
    <ul id="show_category_media_list">
        <?php foreach ($models as $model): ?>
        <li id="<?php echo $model->id; ?>">
            <?php
            echo CHtml::radioButton('media_id', false, array(
                'id' => "radio_{$model->id}",
                'value' => $model->mediaSourcePath
                ));
            ?>
            <a href="javascript: void(0);" onclick="fnReturnPath(<?php echo $model->id; ?>, '<?php echo $model->mediaSourcePath; ?>');">
                <?php echo CHtml::encode($model->file_name); ?>
            </a>
        </li>
        <?php endforeach; ?>
    </ul>
</div>
<style type="text/css">
    ul#show_category_media_list { padding: 0 10px; margin: 0 10px; width: 90%; }
    ul#show_category_media_list li {
        line-height: 25px; width: 45%; float: left; list-style: square; margin-left: 5%;
    }
    ul#show_category_media_list li a {
        font-size: 1.1em; color: #aaa; font-weight: normal;
        text-decoration: none;
    }
    ul#show_category_media_list li a.selected {
        font-weight: bold; color: #000;
    }
</style>